<template>
	<view class="module flex alignCenter">
		<!-- 创建小组 -->
		<view class="positionBox">
			<view class="addSuccess">
				<image src="https://aihelp.oss-cn-hangzhou.aliyuncs.com/kwkd/resources/front/dialog/bg.png" mode="widthFix"></image>
				<view class="bold font16 colorMain title">提交成功！</view>
				<view class="font14 color666">建议尽快完善自己的知识名片喔</view>
				<view class="font14 color666 moreTip">您可以多写些<text class="colorMain bold">问答</text>，或者到【校友圈】&【专业圈】多回答一些问题，让师弟师妹们更加<text class="colorMain bold">了解和信任你</text></view>
				<view class="noWidthBtn" @click.stop="btnOper('go')">现在就去</view>
			</view>
			<uni-icons class="close" type="close" size="32" color="#fff" @click="btnOper('cancel')"></uni-icons>
		</view>
	</view>
</template>

<script>
	export default {
		name:"uni-succ",
		props:{
			type:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				reason:''
			};
		},
		methods:{
			btnOper(type){
				this.$emit('layerOper',type)
			}
		}
	}
</script>

<style lang="scss" scoped>
@import "@/static/public.scss";
.module{
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	background: rgba(0,0,0,.4);
	z-index: 200;
	.positionBox{
		background:#fff;
		border-radius: 28rpx;
		width:494rpx;
		margin: 0 auto;
		position: relative;
		.addSuccess{
			// padding: 90rpx 120rpx 70rpx;
			padding: 0 30rpx 30rpx;
			box-sizing: border-box;
			image{
				width: 336rpx;
				height:100rpx;
				// display: block;
				// margin: 0 auto;
			}
			.title{
				margin:-100rpx 0 60rpx;
				text-align: center;
			}
			.moreTip{
				margin:40rpx 0 80rpx;
			}
			.noWidthBtn{
				padding: 0;
				width: 310rpx;
				height: 64rpx;
				line-height: 64rpx;
				margin:0 auto;
			}
		}
		.close{
			position: absolute;
			bottom: -40px;
			left: 50%;
			margin-left: -16px;
		}
	}
}
</style>